<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" media="screen and (min-width: 900px),only screen and (min-device-width： 900px)" href="css/next_two.css"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 900px),only screen and （max-device-width： 900px）" href="css/two_change.css"/>
</head>

<body>
    <div class="left">
        <h2>
            <img src="img/logo.jpg" alt="">
            <span>Rukada Admin</span>
        </h2>
        <ul>
            <li class="li_one">MAIN NAVIGATION</li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-1.jpg" alt="">
                    <span>Dashboard</span>
                </div>
                <img src="img/xiaojiantu.jpg" alt="">
            </li>
            <li class="li_one">LABELS</li>
            <li>
                <div class="left_he">
                    <img src="img/img-2.jpg" alt="">
                    <span>Important</span>
                </div>
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-2.jpg" alt="">
                    <span>Important</span>
                </div>
            </li>
            <li>
                <div class="left_he">
                    <img src="img/img-2.jpg" alt="">
                    <span>Important</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="right">
        <header>
            <div class="right_left">
                <img src="img/sangang.jpg" alt="">
                <input type="text" placeholder="Enter keywords">
            </div>
            <div class="right_right">
                <img src="img/header-1.jpg" alt="">
                <img src="img/header-2.jpg" alt="">
                <img src="img/header-3.jpg" alt="">
                <img src="img/header-4.jpg" alt="">
            </div>
        </header>
        <section>
            <div class="section_left">
                <span>Blank Page</span>
                <p><a href="">Rukada</a> / <a href=""> Pages</a> / <span>Blank Page</span></p>
            </div>
            <img src="img/annnnn.jpg" alt="">
        </section>
        <div class="two_one">
            <p>CARDS WITH IMAGE</p>
            <div class="uls">
                <ul>
                    <img class="img_one" src="img/renxiang-1.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/yinying.jpg" alt="">
                </ul>
                <ul>
                    <img class="img_one" src="img/renxiang-1.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/yinying.jpg" alt="">
                </ul>
                <ul>
                    <img class="img_one" src="img/renxiang-1.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/yinying.jpg" alt="">
                </ul>
            </div>
        </div>
        <div class="two_one" style="padding-top:0;">
            <p>FLOAT CARDS WITH IMAGE</p>
            <div class="uls">
                <ul>
                    <img class="img_one" src="img/work.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/kuaikia.jpg" alt="">
                </ul>
                <ul>
                    <img class="img_one" src="img/work.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/kuaikia.jpg" alt="">
                </ul>
                <ul>
                    <img class="img_one" src="img/work.jpg" alt="">
                    <h3>Card title</h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <img class="img_two" src="img/kuaikia.jpg" alt="">
                </ul>
            </div>
        </div>
        <div class="two_two" style="padding-top:0;">
            <p>CARDS WITH CAROSULS</p>
            <div class="uls">
                <ul>
                    <img class="img_one" src="img/xingxing.jpg" alt="">
                    <h3>Card title here
                    </h3>
                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered
                        alteration in some form, by injected humour, or randomised words which don't look even slightly
                        believable.If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't
                        anything embarrassing hidden in the middle of text.</p>
                    <img class="img_two" src="img/xingxing--.jpg" alt="">
                </ul>
                <ul>
                    <img class="img_one" src="img/xingxing.jpg" alt="">
                    <h3>Card title here
                    </h3>
                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered
                        alteration in some form, by injected humour, or randomised words which don't look even slightly
                        believable.If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't
                        anything embarrassing hidden in the middle of text.</p>
                    <img class="img_two" src="img/xingxing--.jpg" alt="">
                </ul>
            </div>
        </div>
        <div class="two_three" style="padding-top:0;">
            <p>CARDS WITH LIST GROUPS</p>
            <div class="uls">
                <ul>
                    <img class="img_one" src="img/meinv.jpg" alt="">
                    <h3>Card Sample title
                    </h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li class="li_one"><a href="">Card link</a>
                        <a href="">Another link</a>
                    </li>
                </ul>
                <ul>
                    <img class="img_one" src="img/meinv.jpg" alt="">
                    <h3>Card Sample title
                    </h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li class="li_one"><a href="">Card link</a>
                        <a href="">Another link</a>
                    </li>
                </ul>
                <ul>
                    <img class="img_one" src="img/meinv.jpg" alt="">
                    <h3>Card Sample title
                    </h3>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li><span>Cras justo odio</span> <span class="span_li">14</span></li>
                    <li class="li_one"><a href="">Card link</a>
                        <a href="">Another link</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="two_four" style="padding-top:0;">
            <p>CARDS WITH IMAGE CAPS</p>
            <div class="uls">
                <ul>
                    <img class="img_one" src="img/img_left.jpg" alt="">
                    <h3>Top Image CapCard title here
                    </h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                        laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <span>Last updated 3 mins ago</span>
                </ul>
                <ul>
                    <h3>Top Image CapCard title here
                    </h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                        laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <span>Last updated 3 mins ago</span>
                    <img class="img_one" src="img/img_left.jpg" alt="">
                </ul>
            </div>
           
        </div>
        <div class="two_five" style="padding-top:0;">
                <p>IMAGE OVERLAYS</p>
                <div class="uls">
                    <ul><img src="img/img_two.jpg" alt=""></ul>
                    <ul><img src="img/img_two2.jpg" alt=""></ul>
                </div>
            </div>
        <div class="two_one">
                    <p>SOME EXTRA CARDS</p>
                    <div class="uls">
                        <ul>
                            <img class="img_one" src="img/img_three.jpg" alt="">
                            <h3>Card title</h3>
                            <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <img class="img_two" src="img/img_three2.jpg" alt="">
                        </ul>
                        <ul>
                                <img class="img_one" src="img/img_three.jpg" alt="">
                                <h3>Card title</h3>
                                <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                <img class="img_two" src="img/img_three2.jpg" alt="">
                            </ul>
                            <ul>
                                    <img class="img_one" src="img/img_three.jpg" alt="">
                                    <h3>Card title</h3>
                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                    <img class="img_two" src="img/img_three2.jpg" alt="">
                                </ul>
                    </div>
                </div>
                <div class="two_six" >
                        <p>CARDS DECK</p>
                        <div class="uls">
                            <ul >
                                <img style="width:100%;" class="img_one" src="img/img_four.jpg" alt="">
                                <h3>Card Title
                                </h3>
                                <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                <span>Last updated 3 mins ago</span>
                            </ul>
                            <ul >
                                    <img style="width:100%;" class="img_one" src="img/img_four.jpg" alt="">
                                    <h3>Card Title
                                    </h3>
                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                    <span>Last updated 3 mins ago</span>
                                </ul>
                                <ul>
                                        <img style="width:100%;" class="img_one" src="img/img_four.jpg" alt="">
                                        <h3>Card Title
                                        </h3>
                                        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                        <span>Last updated 3 mins ago</span>
                                    </ul>
                        </div>
                       
                    </div>
                    <div class="foot">
                            <p> Copyright © 2018 Rukada Admin</p>
                        </div>
        </div>
</body>

</html>
<script src="js/publick.js"></script>
<script type="text/javascript">
fn();
</script>